﻿<CodeSnippetTabbed DocLink="https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxFormLayoutItem.BeginRow">
    <CodeSnippetTabPage Text="Razor">@(@"<DxFormLayout>
    <DxFormLayoutItem Caption=""Address:"" ColSpanMd=""12"">
        <Template>
            <DxTextBox @bind-Text=""@Address""></DxTextBox>
        </Template>
    </DxFormLayoutItem>

    <DxFormLayoutItem Caption=""City:"">
        <Template>
            <DxTextBox @bind-Text=""@City""></DxTextBox>
        </Template>
    </DxFormLayoutItem>

    <DxFormLayoutItem Caption=""Postal/ZIP Code:"" BeginRow=""true"">
        <Template>
            <DxTextBox @bind-Text=""@ZipCode""></DxTextBox>
        </Template>
    </DxFormLayoutItem>

    <DxFormLayoutItem Caption=""Country"" BeginRow=""true"">
        <Template>
            <DxTextBox @bind-Text=""@Country""></DxTextBox>
        </Template>
    </DxFormLayoutItem>
</DxFormLayout>

@code {
    string Address { get; set; } = ""120 Hanover Sq."";
    string City { get; set; } = ""London"";
    string ZipCode { get; set; } = ""WA1 1DP"";
    string Country { get; set; } = ""UK"";
}")</CodeSnippetTabPage>
</CodeSnippetTabbed>
